/* src/styles/main.css */
/* 1. 重置浏览器默认边距 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* 2. iPhone XR 专属适配 */
@media screen and (max-width: 414px) and (orientation: portrait) {
    body {
        font-size: 16px;
        background: #f8f9fa;
    }

    .container {
        max-width: 100%;
    }
}

/* 3. 横屏模式补充 */
@media screen and (min-width: 896px) and (orientation: landscape) {
    .landscape-mode {
        display: grid;
    }
}